﻿@charset "utf-8";
/* style of icesnow reset
 * created by lijuan(qq:286937397)
 */
html,body{background:#fff url(../images/body_bg_1.jpg) 0 0 repeat-x; color:#333;}
.header {
    position: relative;    
    z-index: 10000;
    height:118px;}
.logo {    
    float: left;margin-top: 22px; overflow:hidden;}
.logo img{max-width:300px; max-height:60px;}
.footer{
	padding:15px 0;        
    line-height:22px; 
    text-align: left;
    background-color:#f5f5f5;}
/*.footer .links{ text-align:left;}
.footer .links select{width:180px; height:24px; line-height:24px;	}*/

.main{padding:15px 0;}

.topnav{ height:28px;}
.topnav a{ float:left;  line-height:28px; }
.topnav a.line{
    display:block; margin-left:5px; padding:1px 10px 5px 12px; font-weight:800;
    background:url(../images/line.jpg) left 5px no-repeat; color:#003399;}
.header .fr a.ico_china{ background:url(../images/ico_china_1.jpg) 0 8px no-repeat; padding:1px 15px 5px 18px; }
.header .fr a.ico_english{ background:url(../images/ico_english_1.jpg) 0 8px no-repeat; padding:1px 10px 5px 18px; }

/*========搜索========*/
.searchbox{ margin-top:30px; border:1px solid #e0e0e0; border-radius:3px;}
.searchbox input{float:left; height:30px; line-height:30px; border:0; }
.searchbox .search_input{ border: 1px solid #DDD;
                            border-radius: 1px;
                            height: 29px;
                            padding:0 3px; 
                            width:260px; 
                            color:#999; 
                            background:url(../images/search_bg_1.jpg) 0 0 repeat-x;}
.searchbox .search_btn{ cursor:pointer; width:38px; height:30px; background:url(../images/search_btn_1.jpg) 0 0 no-repeat;}
.searchbox .search_btn:hover{opacity:0.7; filter:alpha(opacity=70); }

/*guide*/
.guide{padding:15px 0 0px 5px; 
       /*background:#dcdcdc;*/
       font-size:14px; color:#000; font-family:  "Microsoft YaHei UI"; font-weight:800;}
.guide span{font-size:16px;}
.ad{ margin-top:-10px; height:80px; background:#e8e8e8; }

/*comblock*/
.hd {display:inline-block;width:100%;}
.hd h3{float: left;width:100%;font-family: 微软雅黑;font-size: 16px;font-weight: 800;}
.bd{ padding:10px 0 0 0; text-align:justify;line-height:28px;}
.side .comblock{border:1px solid #ddd;}
.hd h3{ height:50px; line-height:50px; text-indent:15px; background:#505050;color:#fff;}
.hd h3 .fr{font-size:12px;font-weight:400; padding-right:15px;}
.hd h3 .fr a{  color:#fff;}
.hd h4 {  font-size:20px;}
.tit_bar {border-bottom: 1px dashed #dfdfdf;}
.sidem .bd{padding: 10px 20px; margin-bottom: 10px;}
.sidem .hd h3{width:100%; /*height:34px; line-height:34px;*/text-align:left; background:#505050;color:#fff;}
.sidem .comblock{height:auto !important;height:400px;min-height:400px;}
.comblock{border: 1px solid #ededed;}

.side .comblock{background:none;}
.comblock .comblock {border:0;}
/*comblockall*/
.comblockall{border:1px solid #ddd;margin:10px 0 20px 0;}
.comblockall .bd{padding:40px 20px;}
.comblockall .bd .box {
    margin: 0px auto 30px;
    padding: 30px;
    border: 1px solid #D5D5D5;
    width: 700px;}

.sidemenu .bd {padding:0;}
.sidemenu .bd a { margin:1px; padding:5px 18px; display:block; background:#ededed url(../images/icolist_1.gif) no-repeat 6px 17px; color:#666;}
.sidemenu .bd a:hover {background:#cc0000 url(../images/ico_sort_focus_1.gif) 6px 17px no-repeat;color:#fff; }
.sidemenu .bd a.sidemenu_focus{ display:block; background:#cc0000 url(../images/ico_sort_focus_1.gif) 6px 17px no-repeat; color:#fff;}

/*comlist*/
.sidem .comlist ul{margin:20px;}
.comlist li{display:block; float:left; width:100%;
             border-bottom:1px dashed #dfdfdf;
             background:url(../images/icolist_1.gif) 4px 14px no-repeat;}
.comlist li:hover{background:#eee url(../images/ico_sort_focus_1.gif) 4px 14px no-repeat;}
.comlist li a{float:left;display:inline-block; padding:5px 0 0 20px;}
.comlist li span{float:right; width:70px;padding:.5em 0;}

/*detail*/
.detail {padding:20px;}
.detail .hd{
    padding:0 0 10px 0;
    text-align:center;
    background:none;
    border:0;}
.detail h4{ font-size:18px;}
.detail img{width: 600px;}
    .detail .bd {
    /*border-top:1px solid #ccc;*/
    padding-top:20px;}
/*message*/
.message{text-align:center;}
.message table{
	margin:20px 20px 20px 120px;}
.message table td{
	height:35px;
    text-align:left;
	line-height:35px;
	padding:2px 8px;white-space:nowarp;}
.message td.textr{text-align:right; width:100px;}
.message td input,.message td select,.message td textarea{
	height:25px;
	width:300px;
    border: 1px solid #ddd;}
.message td input.noinput{width:auto; border:0;}
.message td textarea{height:90px;}
.message .wcode{ float:left; width:200px;}
.message .imgcode{
    border: 1px solid #ddd;
    cursor: pointer;
    height: 29px;
    width: 95px;}
.message .mbtn{
	display: inline-block;
	margin-top: 15px;
	width:200px; height:30px; line-height:30px;
	font-size: 14px;
	color:#e9e9e9;
    border:1px solid #cc0000;
	background:#cc0000;}
.message .mbtn:hover{color:#fff; background-color:#990000;}
.message td input.wcode{float:left; width:210px;}
.message td img {float:left; margin-left:5px;}
.message td.textright{ text-align:right;}
 /*分页*/
.webdiyerCss{clear:left;padding: 30px 0;width:100%;text-align:center;}
.webdiyerCss a,.webdiyerCss a:link,.webdiyerCss .redcss {/*float:left;*/ padding:10px 12px; margin:0 3px;}
.webdiyerCss input{ height: 22px;margin: -2px 2px 0 -10px;padding: 7px 2px;text-align: center; *margin-left:1px; display:none}
.webdiyerCss .page_go{display:inline-block;padding:5px 12px;height:37px;margin-left:5px;*height:32px; display:none}
.webdiyerCss input,.webdiyerCss a,.webdiyerCss a:link{color:#000;background:#fff; border: 1px solid #ddd; }
.webdiyerCss .redcss,.webdiyerCss .page_go {font-weight: bold;   background: #46b8fe; border:1px solid #46b8fe; color: #fff;}
.webdiyerCss a:hover,.webdiyerCss .page_go:hover {background:#eee;border:1px solid #eee;color:#333;}
.webdiyerCss a{*margin-bottom:10px; _margin-bottom:10px;}
/*========== nav ==========*/
#nav {
    position: relative;
    z-index: 99001;
    width:100%;    height:50px;
    background:url(../images/nav_bg_1.png) 0 0 repeat-x;}
#nav ul{ width:1000px; margin:0 auto;}
#nav li {
    position: relative;
    display: block;
    float: left;
    cursor: pointer;
    height:50px;
    margin-right:2px;}
#nav li a{
    position: relative;
    float: left;
    margin: 0;
    padding:18px 0; 
	width:109px; text-align:center;            
    color: #f1f1f1;   font-size: 14px; white-space: nowrap;   
    z-index: 99001;}
#nav li:hover,#nav li a:hover,#nav li a.focus{
    color: #fff;            
    text-decoration: none;
    background:url(../images/nav_focus_1.jpg) 0 0 repeat-x; }

/*==========banner01==========
#full-screen-slider { 
    width:100%;
    height: 360px;
    position: relative;}
#slides { display:block;width: 100%; height:360px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:46%; bottom:10px; z-index:1000;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#000; opacity: 0.5; filter: alpha(opacity=50); }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff;}*/

/*==========banner01==========*/
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:#666;cursor:pointer; border-radius:50px;}
.flex-control-nav .flex-active{background:#5397B6;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

/*product_ul*/
.product_ul{ margin-left:0px;overflow:hidden;}
.product_ul li{float:left;position:relative;margin:0 0 18px 20px;padding:2px;border:1px solid #f2f2f2;}
.product_ul li:hover{padding:2px;border:1px solid #ccc;box-shadow: 0px 0px 10px #CCC;}

.product_ul3{ margin-left:-20px;overflow:hidden;}
.product_ul3 li{float:left;position:relative;margin:0 0 18px 20px;padding:2px;border:1px solid #f2f2f2;}
.product_ul3 li img {width:225px;height:225px;}
.product_ul3 li:hover{padding:2px;border:1px solid #ccc;box-shadow: 0px 0px 10px #CCC;}

.product_info{display:block; position:relative; margin-top:-40px; z-index:20;color:#fff; background:#007BCB ;opacity:0.7; filter:alpha(opacity=70);   }
.product_ul li:hover .product_info{ opacity:1; filter:alpha(opacity=100);}
.product_ul .product_title{display:block ;font-size:14px; text-align:center;white-space:nowrap; overflow:hidden;color:#fff;padding:6px 0;}
.product_price{ font-size:18px; font-weight:800;  text-align:center; color:#cc0000;}

.product_ul .product_img,
.product_ul .product_img img,
.sidem .product_ul .product_img,
.sidem .product_ul .product_img img{background-color:#eee;}

.scale1_1 img{width:300px; height:300px;}
.scale2_1 img{width:300px; height:150px;}
.scale3_2 img{width:300px; height:200px;}



/*link*/
.friendlinks{margin-left:-15px;}
.friendlinks a{float:left; display:inline-block; padding:5px 0 10px 15px;}
.friendlinks a:hover{opacity:0.7; filter:alpha(opacity=70);}
.friendlinks img{ display:block; width:180px; height:60px;}
.friendlinks span{display:none;}

/*bx_wrap*/
.bx_wrap{position:relative;}
.bx_container{ margin-left: 12px;
    overflow: hidden;
    width: 915px;}
.bx_wrap a.prev {
    z-index:99999;
    width:37px;height:100%;
    position:absolute;  left:-10px;margin-top:-15px;
    text-indent:-999em; background: url(../images/arrow_prev.png) center  no-repeat;} 
.bx_wrap a.next {
    z-index:99999;
    width:37px;height:100%;
    position:absolute;  right:-10px;margin-top:-15px;
    text-indent:-999em; background: url(../images/arrow_next.png) center no-repeat;} 


.tablestyle {
width:100%;
margin:10px 0;}
.tablestyle th{
padding:9px 2px;
padding-left: 8px;
background:#e6e6e6;
border-bottom:1px dashed #ededed;}
    .tablestyle td { text-indent:10px;  color:#666; border-bottom:1px dashed #ededed;padding: 5px 0;}
    .tablestyle .line2 td {background:#f7f7f7;}
.tablesytle .textr{ width:100px; text-align:right;}
.btn_download{ 
    border:1px solid #dcdcdc;
    padding:5px 5px 5px 15px;
    background:url(../images/ico_download_1.png) 2px 9px no-repeat;}
.btn_download:hover{border:1px solid #003399;}


#tabsproducts .ui-widget-header{height:32px;    margin: 10px;    border-bottom:2px solid #dcdcdc;}
#tabsproducts .ui-widget-header li{float:left;}
#tabsproducts .ui-state-default a{float:left; padding:2px 15px; font-weight:800; font-size:16px; }
#tabsproducts .ui-state-hover a{ color:#666; border-bottom:2px solid #666;}
#tabsproducts .ui-state-active a{color:#cc0000; border-bottom:2px solid #cc0000;}
#tabsproducts .ui-widget-content{padding:10px;}

/*fullsort*/
.fullsort ul{width:100%; /*text-align:center; padding: 20px 0 30px 0; */ background-color: #e6e6e6; }
.fullsort ul li {display:inline-block;margin:0; *float:left;}
.fullsort ul li a{
    display:inline-block;
    padding:10px 30px;
    text-align: center;
    background-color: #e6e6e6;}
/*.menu li:hover,.menu li:hover a{ 
    color: #fff;
    background: #000;}*/
.fullsort ul li a.sidemenu_focus,.fullsort ul li a.sidemenu_focus:hover,
.fullsort ul li a.sidemenu_focus:hover,.fullsort ul li a.sidemenu_focus,
.fullsort ul li a:hover,.fullsort ul li .sidemenu_focus{color: #fff;background:#cc0000;}


/* 图文 */
.imgtext dl{
    float:left;
	display:block;
	height:150px; width:100%;
	padding:10px;}
.imgtext dt{
	float:left;
    width:165px;
}
.imgtext dt img{
	width:150px;
	height:150px;
	margin-right:15px;
    padding:1px;
    border:1px solid #e8e8e8;
    background-color:#fff;
}
.imgtext dd{
    float:right;
    width:570px;
}
.imgtext dd a{
	line-height:30px;
	font-size:14px;
	font-weight:800;
    display:block;
}
.imgtext dd p{
    font-size:14px;
    line-height:25px;
    height:125px;
    overflow:hidden;
}
.imgtext .hoverflow{
	height:85px; overflow:hidden;
	text-align:justify;}
.imgtext dd.more{padding:8px 0 0 0;}
.imgtext dd.more a{ color:#03F;}

/*====首页case=====*/
.case .case_con ul li{width:250px;text-align:center;float:left;background:url(../images/case_01.jpg) no-repeat;height:366px;position:relative;overflow:hidden;}
.case .case_con{text-align:center;width:1000px;margin:20px auto;}
.case .case_con ul li .case_img{position:absolute;top:110px;left:105px;z-index:12;-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}
.case .case_con ul li h3{position:absolute;left:83px;top:180px;font-size:22px;color:#fff;z-index:12;-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}
.bg_lan{position:absolute;left:0;top:0;background:rgba(0,174,255,.6);width:100%;height:100%;z-index:10;display:none;transition: all 0.6s ease-in-out 0s,transform 0.6s;}
.ab_soult{position:absolute;bottom:-125px;left:50%;text-align:center;width:210px;margin-left:-105px;z-index:12;-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}
.ab_soult p{font-size:14px;color:#fff; height: 75px;line-height: 25px;overflow: hidden;}
.ab_soult a{display:block;border:1px #fff solid;width:120px;height:35px;line-height:35px;text-align:center;color:#fff;font-size:14px;margin:20px auto 0;}
.case .case_con ul li:hover .bg_lan{display:block;transition: all 0.6s ease-in-out 0s,transform 0.6s;}
.case .case_con ul li:hover .case_img{-moz-transform:translate(0px,-40px);
-webkit-transform:translate(0px,-40px);
-o-transform:translate(0px,-40px);
-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}
.case .case_con ul li:hover h3{-moz-transform:translate(0px,-40px);
-webkit-transform:translate(0px,-40px);
-o-transform:translate(0px,-40px);
-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}
.case .case_con ul li:hover .ab_soult{-moz-transform:translate(0px,-180px);
-webkit-transform:translate(0px,-180px);
-o-transform:translate(0px,-180px);
-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}

/*====首页产品滚动=====*/
.scroll-outer{height:421px;background:url(../images/bg.jpg) 50% 0 no-repeat;}
#scroll{width:1000px;margin:0 auto;padding-top:60px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:298px;height:198px;margin:0 auto;background-color:#fff;overflow:hidden;border:1px #d2d4d7 solid;}
#scroll .item img{width:298px;height:198px;}
#scroll .txt{position:absolute;left:0;bottom:-165px;width:298px;height:198px;color:#888;text-align:center;background:rgba(0,0,0,.6);-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}
#scroll h3{width:298px;height:25px;margin-bottom:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;padding:5px 0 0;color:#fff;text-decoration:none;}
#scroll h3 a:hover{color:#fff;}
#scroll p{width:258px;line-height:25px;font-size:14px;padding:0 20px;height:100px;color:#fff;overflow:hidden;}

#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{-moz-transform:translate(0px,-165px);
-webkit-transform:translate(0px,-165px);
-o-transform:translate(0px,-165px);
-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}
#scroll .item:hover .txt h3,#scroll .item:hover .txt p{-moz-transform:translate(0px,25px);
-webkit-transform:translate(0px,25px);
-o-transform:translate(0px,25px);
-moz-transition:width 2s, height 2s, -moz-transform 0.6s;
-webkit-transition:width 2s, height 2s, -webkit-transform 0.6s;
-o-transition:width 2s, height 2s, -o-transform 0.6s;}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:130px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;color:#666;font-weight:bold;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}


/* jswbox */
#jswbox{width:1000px;height:300px;margin:0 auto;position:relative;}
#jswbox ul{position:relative;height:300px; width:910px; padding:0 45px; }
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:152px;left:10px; padding:5px; border:1px solid #ccc; background:#fff; }
#jswbox li img{width:100%;height:100%;vertical-align:top;float:left;  }
#jswbox .prev, #jswbox .next{display:block; font-size:0; }
#jswbox .prev{ position:absolute; left:0; top:130px; width:45px; height:30px; background:url(../images/icon_left01_1.png) no-repeat center center ; z-index:99; cursor:pointer; }
#jswbox .next{ position:absolute; right:-10px; top:130px; width:45px; height:30px; background:url(../images/icon_right01_1.png) no-repeat center center ; z-index:99; cursor:pointer; }

.ryzz_show_box .fczs span {
    display: block;
    height: 50px;
    width: 57px;
    background: url(../images/icon_03.png) no-repeat center center;
    font-size: 0;
}
.ryzz_show_box .fczs p {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #474747;
    width: 580px;
    text-indent: 15px;
    margin-left: 13px;
    -webkit-background-image: linear-gradient(to right, rgba(225,225,225,1), rgba(225,225,225,0));
    -moz-background-image: linear-gradient(to right, rgba(225,225,225,1), rgba(225,225,225,0));
    background-image: linear-gradient(to right, rgba(225,225,225,1), rgba(225,225,225,0));
}




/* side右侧悬浮 */
.side01{position:fixed;width:54px;height:275px;right:0;bottom:0px;z-index:100;min-height:0;}
.side01 ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side01 ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side01 ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side01 ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side01 ul li img{float:left;}


/*==============登录、注册==============*/
.login_top ul li{float:left;margin:0 5px;}
.login_top ul li.line{width:2px;height:10px;background:#ccc;margin-top:10px;}

#txtComment{width:300px;height:30px;line-height:30px;}
.pl_tj{width:50px;height:35px;line-height:35px;text-align:center;border:none;background:#003399;color:#fff;}
.right_inpu{margin-left:20px;}

































































































